/**
 * Created by Administrator on 2017/5/20 0020.
 */
$(function(){
    //购物车
    $(".shop").on({
        mouseenter:function(){
            $(".shop-list").stop().slideDown(500);
        },
        mouseleave:function(){
            $(".shop-list").stop().slideUp(500);
        }
    })

    /*名品馆*/
    $(".b-center ul li").on({
        mouseenter:function(){
            $(this).find("a").css("color","#e5004f");
            $(this).css("border-bottom","4px solid #e5004f")
        },
        mouseleave:function(){
            $(this).find("a").css("color","#666");
            $(this).css("border-bottom","none")
        }
    })

    // 二级菜单
    $(".banner ol>li").on({
        mouseenter:function(){
            $(".nav-list").stop().slideDown(500);
        },
        mouseleave:function(){
            $(".nav-list").stop().slideUp(500);
        }
    })
    //轮播图
    $(".banner").on({
        mouseover:function(){
            $(".arrow").show();

        },
        mouseout:function(){
            $(".arrow").hide();
        }
    });

    //动态创建轮播图的小点
    var count=$(".inner ul li").length;
    var dot=$(".dot>ul");
    var index=0;
    var liIndex=0;
    for(var i=0;i<count;i++){
        var oli=$("<li></li>");
        dot.append(oli);
        $(".dot").css("margin-left",-$(".dot").width()/2);
        $(".dot>ul>li").eq(0).addClass("active").siblings().removeClass("active");
    }

    //动态创建的li绑定点击事件
    var lis=$(".dot>ul>li");
   // lis.click(function(){
   //      index++;
   //      liIndex++;
   //     if(index>=count){
   //         index=0;
   //         liIndex=0;
   //     }
   //      $(".inner>ul").css("left",-1190*index+"px");
   //      $(".dot>ul>li").eq(liIndex).addClass("active").siblings().removeClass("active");
   //  })

    lis.each(function(i,ele){
        $(ele).click(function(){
            $(".inner>ul").css("left",-1190*i+"px");
            $(".dot>ul>li").eq(i).addClass("active").siblings().removeClass("active");
            $("#banner-wrap").css("background-image","url(images/bg-"+(i+1)+".jpg)");
            liIndex=i;
            index=i;
        })
    })

    //下一张图片next
    $(".next").click(function(){
        index++;
        liIndex++;
        if(index>=count){
            index=0;
            liIndex=0;
        }
        $(".inner>ul").css("left",-1190*index).css("opacity",0.5).animate({opacity:1},500);
        $(".dot>ul>li").eq(liIndex).addClass("active").siblings().removeClass("active");
        $("#banner-wrap").css("background-image","url(images/bg-"+(index+1)+".jpg)");
    })

    //上一张图片
    $(".prev").click(function(){
        index--;
        liIndex--;
        if(index<0){
            index=count-1;
            liIndex=count-1;
        }
        $(".inner>ul").css("left",-1190*index+"px").css("opacity",0.5).animate({opacity:1},500);
        $(".dot>ul>li").eq(liIndex).addClass("active").siblings().removeClass("active");
        $("#banner-wrap").css("background-image","url(images/bg-"+(index+1)+".jpg)");
    })

    var timer=0;
    function autoPlay(){
        //自动播放
        timer=setInterval(function(){
            index++;
            liIndex++;
            if(index>=count){
                index=0;
                liIndex=0;
            }
            $(".inner>ul").css("left",-1190*index+"px").css("opacity",0.3).animate({opacity:1},500);;
            $(".dot>ul>li").eq(liIndex).addClass("active").siblings().removeClass("active");
            $("#banner-wrap").css("background-image","url(images/bg-"+(index+1)+".jpg)");
        },5000)
    }

    autoPlay();

    $(".banner").on({
        mouseenter:function(){
            clearInterval(timer);
        },
        mouseleave:function(){
            autoPlay();
        }
    })



    /*tab栏切换*/
    $(".t-left>ul>li").on({
        mouseenter:function(){
            $(this).addClass("active").siblings().removeClass("active");
            $(".t-list").find(".items").eq($(this).index()).addClass("show").siblings().removeClass("show");
        }
    })

    $(".market-right>ul>li").on({
        mouseenter:function(){
            $(this).addClass("active").siblings().removeClass("active");
            $(".m-list").find(".items").eq($(this).index()).addClass("show").siblings().removeClass("show");
        }
    })

    //边框动画
    $(".t-list .border-animation").on({
        mouseenter:function(){
            $(".border-right").css({left:$(this).width(),top:$(this).height()});
            $(".border-bottom").css({left:$(this).width(),top:$(this).height()});
            $(this).find(".border-top").stop().animate({width:$(this).width()},500);
            $(this).find(".border-right").stop().animate({height:$(this).height(),top:0},500);
            $(this).find(".border-bottom").stop().animate({width:$(this).width(),left:0},500);
            $(this).find(".border-left").stop().animate({height:$(this).height()},500);
        },
        mouseleave:function(){
            $(this).find(".border-top").stop().animate({width:0},500);
            $(this).find(".border-right").stop().animate({height:0,top:$(this).height()},500);
            $(this).find(".border-bottom").stop().animate({width:0,left:$(this).width()},500);
            $(this).find(".border-left").stop().animate({height:0},500);
        }
    })
    //边框动画
    $(".m-list .border-animation").on({
        mouseenter:function(){
            $(".border-right").css({left:$(this).width(),top:$(this).height()});
            $(".border-bottom").css({left:$(this).width(),top:$(this).height()});
            $(this).find(".border-top").stop().animate({width:$(this).width()},500);
            $(this).find(".border-right").stop().animate({height:$(this).height(),top:0},500);
            $(this).find(".border-bottom").stop().animate({width:$(this).width(),left:0},500);
            $(this).find(".border-left").stop().animate({height:$(this).height()},500);
        },
        mouseleave:function(){
            $(this).find(".border-top").stop().animate({width:0},500);
            $(this).find(".border-right").stop().animate({height:0,top:$(this).height()},500);
            $(this).find(".border-bottom").stop().animate({width:0,left:$(this).width()},500);
            $(this).find(".border-left").stop().animate({height:0},500);
        }
    });
    //边框动画
    $(".g-right .border-animation").on({
        mouseenter:function(){
            $(".border-right").css({left:$(this).width(),top:$(this).height()});
            $(".border-bottom").css({left:$(this).width(),top:$(this).height()});
            $(this).find(".border-top").stop().animate({width:$(this).width()},500);
            $(this).find(".border-right").stop().animate({height:$(this).height(),top:0},500);
            $(this).find(".border-bottom").stop().animate({width:$(this).width(),left:0},500);
            $(this).find(".border-left").stop().animate({height:$(this).height()},500);
        },
        mouseleave:function(){
            $(this).find(".border-top").stop().animate({width:0},500);
            $(this).find(".border-right").stop().animate({height:0,top:$(this).height()},500);
            $(this).find(".border-bottom").stop().animate({width:0,left:$(this).width()},500);
            $(this).find(".border-left").stop().animate({height:0},500);
        }
    })
    // $(".m-list .border-animation").mouseenter(function(){
    //     borderAnimate($(".m-list .border-animation"));
    // })
    //
    // $(".g-right .border-animation").mouseenter(function(){
    //     borderAnimate($(".g-right .border-animation"));
    // });

    // function borderAnimate(obj){
    //     //tab边框动画
    //     $(".border-right").css({left:obj.width(),top:obj.height()});
    //     $(".border-bottom").css({left:obj.width(),top:obj.height()});
    //
    //     obj.on({
    //         mouseenter:function(){
    //             $(this).find(".border-top").stop().animate({width:$(this).width()},500);
    //             $(this).find(".border-right").stop().animate({height:$(this).height(),top:0},500);
    //             $(this).find(".border-bottom").stop().animate({width:$(this).width(),left:0},500);
    //             $(this).find(".border-left").stop().animate({height:$(this).height()},500);
    //         },
    //         mouseleave:function(){
    //             $(this).find(".border-top").stop().animate({width:0},500);
    //             $(this).find(".border-right").stop().animate({height:0,top:$(this).height()},500);
    //             $(this).find(".border-bottom").stop().animate({width:0,left:$(this).width()},500);
    //             $(this).find(".border-left").stop().animate({height:0},500);
    //         }
    //     })
    // }

    $(".inner2").on({
        mouseenter:function(){
            $(".inner2 .arrow").fadeIn(200);
            $(this).find("img").css("opacity",0.8);
        },
        mouseleave:function(){
            $(".inner2 .arrow").fadeOut(200);
            $(this).find("img").css("opacity",1);
        }

    })

    //锚点链接+返回顶部
    var i=0;
    var j=460;
    $(window).scroll(function(){

        var sTop=$(window).scrollTop();

        if($(window).scrollTop()>800){
            $("#slide").fadeIn(100);
        }else{
            $("#slide").fadeOut(100);
        }

        if(sTop>800){
            $("#slide>a").eq(0).children("span").addClass("active").closest("a").siblings().find("span").removeClass("active");

        }

        if(sTop>1600+j){
            $("#slide>a").eq(1).children("span").addClass("active").closest("a").siblings().find("span").removeClass("active");
        }

        if(sTop>1600+j*2){
            $("#slide>a").eq(2).children("span").addClass("active").closest("a").siblings().find("span").removeClass("active");
        }
        if(sTop>1600+j*3){
            $("#slide>a").eq(3).children("span").addClass("active").closest("a").siblings().find("span").removeClass("active");
        }
        if(sTop>1600+j*4){
            $("#slide>a").eq(4).children("span").addClass("active").closest("a").siblings().find("span").removeClass("active");
        }
        if(sTop>1600+j*5){
            $("#slide>a").eq(5).children("span").addClass("active").closest("a").siblings().find("span").removeClass("active");
        }
        if(sTop>1600+j*6){
            $("#slide>a").eq(6).children("span").addClass("active").closest("a").siblings().find("span").removeClass("active");
        }
        if(sTop>1600+j*7){
            $("#slide>a").eq(7).children("span").addClass("active").closest("a").siblings().find("span").removeClass("active");
        }
        if(sTop>1600+j*8){
            $("#slide>a").eq(8).children("span").addClass("active").closest("a").siblings().find("span").removeClass("active");
        }
    })
    
    //返回顶部
    $('#top').click(function(){
        $("html,body").animate({scrollTop:0},500);
    })
    
    $("#slide>a").each(function(){
        $(this).click(function(){
            $(this).children("span").addClass("active").closest("a").siblings().find("span").removeClass("active");

        })
    })

    //触发事件
    window.triggerHandler($(window).scroll());
});